<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Speaker Information</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container my-4">
        <!-- Speaker Info Table -->
        <h2 class="mb-4">Speaker Information</h2>
        <div class="table-responsive">
            <table class="table table-bordered table-hover table-striped align-middle text-center">
                <thead class="table-primary">
                    <tr>
                        <th>微调speaker name</th>
                        <th>语音数量/个</th>
                        <th>语音总时长/min</th>
                        <th>性别</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>gentle_girl</td>
                        <td>193</td>
                        <td>9.12</td>
                        <td>女</td>
                    </tr>
                    <tr>
                        <td>SSB0005</td>
                        <td>50</td>
                        <td>3.86</td>
                        <td>女</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <!-- Audio Synthesis Table for gentle_girl -->
        <h2 class="my-4">gentle_girl合成demo</h2>
        <div class="table-responsive">
            <table class="table table-bordered table-hover table-striped align-middle">
                <thead class="table-success">
                    <tr>
                        <th>参考文本</th>
                        <th>音频</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>长时间给他进行错误的心理暗示</td>
                        <td>
                            <audio controls>
                                <source src="gentle_truth0.wav" type="audio/wav">
                                您的浏览器不支持音频标签。
                            </audio>
                        </td>
                    </tr>
                    <tr>
                        <td><strong>合成文本</strong></td>
                        <td><strong>音频</strong></td>
                    </tr>
                    <tr>
                        <td>今夜的月光如此清亮，不做些什么真是浪费。随我一同去月下漫步吧，不许拒绝</td>
                        <td>
                            <audio controls>
                                <source src="gentle_girl_月光.wav" type="audio/wav">
                                您的浏览器不支持音频标签。
                            </audio>
                        </td>
                    </tr>
                    <tr>
                        <td>根据我们上面的描述，我们的目标是希望获取一组相对最优的参数来作为模型的初始化参数</td>
                        <td>
                            <audio controls>
                                <source src="gentle_girl_根据.wav" type="audio/wav">
                                您的浏览器不支持音频标签。
                            </audio>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <!-- Audio Synthesis Table for SSB005_50 -->
        <h2 class="my-4">SSB005_50合成demo</h2>
        <div class="table-responsive">
            <table class="table table-bordered table-hover table-striped align-middle">
                <thead class="table-success">
                    <tr>
                        <th>参考文本</th>
                        <th>音频</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>广州大学女尸案嫌疑人辩称死者为女友。</td>
                        <td>
                            <audio controls>
                                <source src="SSB00050007.wav" type="audio/wav">
                                您的浏览器不支持音频标签。
                            </audio>
                        </td>
                    </tr>
                    <tr>
                        <td><strong>合成文本</strong></td>
                        <td><strong>音频</strong></td>
                    </tr>
                    <tr>
                        <td>今夜的月光如此清亮，不做些什么真是浪费。随我一同去月下漫步吧，不许拒绝</td>
                        <td>
                            <audio controls>
                                <source src="SSB0005_50_月光.wav" type="audio/wav">
                                您的浏览器不支持音频标签。
                            </audio>
                        </td>
                    </tr>
                    <tr>
                        <td>根据我们上面的描述，我们的目标是希望获取一组相对最优的参数来作为模型的初始化参数</td>
                        <td>
                            <audio controls>
                                <source src="SSB0005_50_根据.wav" type="audio/wav">
                                您的浏览器不支持音频标签。
                            </audio>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
